<template>
    <div class="question"  data-aos="fade-up"  data-aos-once='true'>
        <div class="question-title">
            {{ $tm('questionTitle') }}
        </div>
        <div class="question-list">
            <div class="question-item" v-for="(v,i) in $tm('questionList')" :key="i">
                <div class="question-item-title">
                    <span>Q{{ i+1 }}</span>
                    {{v.question}}
                </div>
                <div class="question-item-text">
                    {{ v.answer }}
                </div>
            </div>
        </div>
    </div>
</template>
<script>

export default {
    name:'product',
    data(){
        return{
            lang:'zh',
            questionList:[
                {
                    question:'触发时相机没响应或不正常',
                    questions:'Camera not responding or abnormal when triggered',
                    answer:'答：检查软件是否选择正确的触发模式; 检查线材连接是否正确; 检查触发信号电平和极性是否正确。',
                    answers:'A: Check if the software has selected the correct triggering mode; Check if the wire connections are correct; Check if the trigger signal level and polarity are correct.',
                },
                {
                    question:'启动相机时，图像颜色有偏差',
                    questions:'When starting the camera, there is a color deviation in the image',
                    answer:'答：请点击一次白平衡或区域白平衡，或手动调节RGB增益； 请查看是否选择合适的颜色矩阵模式。',
                    answers:'A: Please click on white balance or regional white balance once, or manually adjust the RGB gain; Please check if you have selected the appropriate color matrix mode.',
                },
                {
                    question:'相机图像不真实',
                    questions:'The camera image is not realistic',
                    answer:'答：请检查白平衡、伽玛、对比度、黑平衡等参数调节是否合适。',
                    answers:'A: Please check if the adjustment of parameters such as white balance, gamma, contrast, and black balance is appropriate.',
                },
                {
                    question:'图像画面会有闪烁或有水波纹一类的现象',
                    questions:'There may be flickering or water ripples in the image screen',
                    answer:'答：请确认光源是否稳定，若光源稳定，则启用消频闪功能。',
                    answers:'A: Please confirm if the light source is stable. If the light source is stable, enable the flicker suppression function.'
                },
            ],
        }
    },
    watch: {
      '$i18n.locale'(newValue, oldValue) {
        this.lang = newValue;
      }
    },
    
}
</script>
<style lang="scss">
.question{
    width: 1200px;  
    margin: 0 auto 81px;
    &-title{
        font-size: 70px;
        line-height: 101px;
        width: 280px;
        position: relative;
        text-align: center;
        margin: 98px auto 111px;
        font-weight: bold;
        color: #273443;
    }
    &-title::before{
        position: absolute;
        top: 50.5px;
        left: -500px;
        width: 411.5px;
        height: 1px;
        background-color: #424D5A;
        display: block;
        content: '';
    }
    &-title::after{
        position: absolute;
        top: 50.5px;
        right: -500px;
        width: 411.5px;
        height: 1px;
        background-color: #424D5A;
        display: block;
        content: '';
    }
    &-list{
        width: 100%;
        .question-item{
            width: 100%;
            margin-bottom: 80px;
            &-title{
                width: 100%;
                @include display(center,left);
                height: 120px;
                background-color: #F0F4FA;
                font-size: 42px;
                color: #273443;
                span{
                    width: 88.89px;
                    height: 120px;
                    line-height: 120px;
                    text-align: center;
                    color: #fff;
                    font-size: 42px;
                    background-color: #273443;
                    margin-right: 34.07px;
                }
            }
            &-text{
                width: 100%;
                padding:39.6px 52px 39.6px 108px;
                box-sizing: border-box;
                border: 4px solid #F0F4FA;
                border-top: none;
                font-size: 34px;
                color: #273443;
                line-height: 49px;
            }
        }
    }
}
</style>